<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/header_changeLi.js"></script>
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/common/main_head.css'>
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css'>
	
	<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/fabric/fabicMain.css'>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/bootstrap.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/fabric/fabricList.js"></script>
	<title>面料</title>
</head>
<body>
	<header>
		<div class="rightTop">
			<ul>
				<li><a href="#">登录</a></li>
				<li class="separator">|</li>
				<li><a href="#">注册</a></li>
				<li class="separator">|</li>
				<li><a href="login.html">个人中心</a></li>
			</ul>
		</div>
		<div class="headermenu">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">设计师</a></li>
				<li><a href="#">品牌服装</a></li>
				<li><a href="#">服装企业</a></li>
				<li class="curent"><a href="${pageContext.request.contextPath}/fabric/getFabricMain.do">面料</a></li>
				<li><a href="${pageContext.request.contextPath}/provider/providerInfo.do">供应商</a></li>
				<li><a href="${pageContext.request.contextPath}/information/information.do">资讯</a></li>
			</ul>
		</div>
		<div class="search">
			<input type="text" placeholder="我想找···" />
		</div>
	</header>

	<div class="container fabric">
		<p class="c_title">位置：<a href="#">FCS</a> >> 面料</p>
		<div class="row">
			<div class="span12">
				<div class="span9 c_slide">
					<div class="carousel slide" id="carousel-937233">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-937233">
							</li>
							<li data-slide-to="1" data-target="#carousel-937233">
							</li>
							<li data-slide-to="2" data-target="#carousel-937233">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img alt="" src="${pageContext.request.contextPath }/images/fabricLogo1.jpg" />
							</div>
							<div class="item">
								<img alt="" src="${pageContext.request.contextPath }/images/fabricLogo2.jpg" />
							</div>
							<div class="item">
								<img alt="" src="${pageContext.request.contextPath }/images/fabricLogo3.jpg" />
							</div>
						</div> <a data-slide="prev" href="#carousel-937233" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-937233" class="right carousel-control">›</a>
					</div>
				</div>
				<div class="span3 c_finfo">
					<h5 class="c_info_title">产品录入量</h5>
					<span class="c_number"><i>0</i><i>0</i><i>0</i><i>0</i><i>0</i><i>0</i></span>
					<span class="num" style="display: none;">${fabricCount}</span>
					<div class="c_info_input">
						<p class="c_info_name">你是 XXX</p>
						<button class="btn btn-primary c_button" data-toggle="button">上传面料</button>
					</div>
					<div class="c_info_output">
						<p class="c_info_name"><a href="#" style="color:red">没有账号？</a></p>
						<button class="btn btn-primary c_button" data-toggle="button">加入我们</button>
					</div>
				</div>
			</div>

			<div class="span12 fabric-contain">
				<h3 class="fabric-choose">请选择:</h3>
				<div class="accordion fabric-class" id="accordion-149565">
					<div class="accordion-group">
						面料用途：
						<c:forEach items="${applicationList}" var="application"  begin="1" end="10">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${application.code}&i=3">${application.value}</a>
						</c:forEach>
						<div class="accordion-heading c_heading">

							<a class="accordion-toggle collapsed c_choose" data-parent="#accordion-149565" data-toggle="collapse" href="#accordion-element-446217">更多</a>
						</div>
						<div class="accordion-body collapse" id="accordion-element-446217">
							<div class="accordion-inner">
								<c:forEach items="${applicationList}" var="application"  begin="11" end="50">
											<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${application.code}&i=3">${application.value}</a>
								</c:forEach>
							</div>
						</div>
					</div>
					<div class="accordion-group">
						面料工艺：<c:forEach items="${productionList}" var="production" begin="1" end="19">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${production.code}&i=4">${production.value}</a>
							</c:forEach>   
						<div class="accordion-heading c_heading">
							<a class="accordion-toggle c_choose" data-parent="#accordion-149565" data-toggle="collapse" href="#accordion-element-257365" >更多</a>
						</div>
						<div class="accordion-body collapse " id="accordion-element-257365">
							<div class="accordion-inner">
								<c:forEach items="${productionList}" var="production"  begin="20" end="50">
										<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${production.code}&i=4">${production.value}</a>
								</c:forEach>
							</div>
						</div>
					</div>

					<div class="accordion-group">
					成分：<c:forEach items="${componentList}" var="component" >
								<c:forEach items="${component.fabricComponents}" var="obj" begin="1" end="2">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=1">${obj.name}</a>
								</c:forEach>
						</c:forEach>  
						<div class="accordion-heading c_heading">
							<a class="accordion-toggle c_choose" data-parent="#accordion-149565" data-toggle="collapse" href="#accordion-element-257368" >更多</a>
						</div>
						<div class="accordion-body collapse " id="accordion-element-257368">
							<div class="accordion-inner">
								<c:forEach items="${componentList}" var="component" >
								<c:forEach items="${component.fabricComponents}" var="obj" begin="3" end="50">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=1">${obj.name}</a>
								</c:forEach>
							</c:forEach> 
							</div>
						</div>
						
					</div>

					<div class="accordion-group">
					织法：<c:forEach items="${weaveList}" var="weave">
								<c:forEach items="${weave.weaves}" var="obj"  begin="1" end="4">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=2">${obj.name}</a>
								</c:forEach>
							</c:forEach> 
						<div class="accordion-heading c_heading">
							<a class="accordion-toggle c_choose" data-parent="#accordion-149565" data-toggle="collapse" href="#accordion-element-257369" >更多</a>
						</div>
						<div class="accordion-body collapse " id="accordion-element-257369">
							<div class="accordion-inner">
								<c:forEach items="${weaveList}" var="weave">
								<c:forEach items="${weave.weaves}" var="obj" begin="5" end="50">
									<a href="${pageContext.request.contextPath}/fabric/getFabricList.do?code=${obj.code}&i=2">${obj.name}</a>
								</c:forEach>
							</c:forEach>
							</div>
						</div>
						
					</div>
				</div>
			</div>

			<div class="span12">
				<div class="page-header">
					<h3>
						人气面料
					</h3>
				</div>

				<c:forEach items="${collectedList}" var="obj">
				<div class="col-xs-3 span3 c_photo">
					<a href="${pageContext.request.contextPath}/fabric/getFabricById.do?id=${obj.id}"><img alt="140x140" style="width:140px;height:140px" src="${obj.photo_url1 }" class="img-circle img-opcaity" /></a>
					<p>
						面料名称：${obj.name}
					</p>
					<p>
						储存量：${obj.goods_quantity}
					</p>
				</div>
				</c:forEach>	
				
			</div>

			<div class="span12">
				<div class="page-header">
					<h3>
						最新面料
					</h3>
				</div>
				<c:forEach items="${newList}" var="obj">
				<div class="col-xs-3 span3 c_photo">
					<a href="${pageContext.request.contextPath}/fabric/getFabricById.do?id=${obj.id}"><img alt="140x140" style="width:140px;height:140px" src="${obj.photo_url1 }" class="img-circle img-opcaity" /></a>
					<p>
						面料名称：${obj.name}
					</p>
					<p>
						储存量：${obj.goods_quantity}
					</p>
				</div>
				</c:forEach>
				
		</div>
	</div>
	</div>
	<footer></footer>
</body>
</html>